/*
 * 热情主题
 */

.cherry.theme__red {
  --primary-color: var(--oc-pink-7);
  --secondary-color: var(--oc-pink-0);

  --base-font-color: var(--oc-pink-9);
  --base-editor-bg: var(--oc-pink-0);
  --base-previewer-bg: var(--oc-pink-0);
  --base-border-color: var(--oc-pink-8);

  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: var(--oc-pink-1);
  --toolbar-btn-color: var(--oc-pink-8);
  --toolbar-btn-hover-bg: var(--oc-pink-5);
  --toolbar-btn-hover-color: var(--oc-pink-0);
  --toolbar-btn-active-bg: var(--oc-pink-7);
  --toolbar-split-color: var(--oc-pink-8);

  --dropdown-bg: var(--oc-white);

  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--primary-color);
  --editor-string-color: var(--oc-pink-5);
  --editor-comment-color: var(--oc-pink-5);
  --editor-quote-color: var(--oc-pink-9);
  --editor-link-color: var(--oc-pink-5);
  --editor-url-bg-color: var(--oc-pink-1);
  --editor-v2-color: var(--oc-pink-9);
  --editor-v3-color: var(--primary-color);
  --editor-keyword-color: var(--oc-pink-5);
  --editor-selection-bg: var(--oc-pink-2);

  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: var(--primary-color);
  --md-paragraph-color: var(--oc-pink-9);
  --md-link-color: var(--oc-pink-5);
  --md-link-hover-color: var(--primary-color);
  --md-inline-code-color: var(--oc-pink-5);
  --md-inline-code-bg: var(--oc-pink-1);
  --md-blockquote-bg: var(--oc-pink-1);
  --md-hr-border: var(--oc-pink-8);
  --md-table-border: var(--oc-pink-8);
  /* ========== table 相关变量 ========== */
  --md-table-border: var(--oc-pink-8);
  --md-table-drag-border-bg: var(--primary-color);
  --md-table-sort-active-bg: var(--oc-pink-2);

  --md-paragraph-highlight-line-bg: var(--oc-red-1);

  /* ========== Panel 相关变量 ========== */
  --panel-border-radius: 6px;
  --panel-bg: linear-gradient(135deg, var(--oc-pink-0), var(--oc-pink-1));
  --panel-border: 1px solid var(--oc-pink-3);
  --panel-box-shadow: 0 2px 8px rgba(230, 28, 132, 0.15);
  --panel-title-bg: linear-gradient(135deg, var(--oc-pink-2), var(--oc-pink-1));
  --panel-title-color: var(--oc-pink-9);
  --panel-title-border-radius: 6px 6px 0 0;
  --panel-title-border-bottom: 1px solid var(--oc-pink-3);
  --panel-body-bg: var(--oc-pink-0);
  --panel-body-color: var(--oc-pink-9);
  --panel-body-border-radius: 0 0 6px 6px;

  /* Primary Panel */
  --panel-primary-bg: linear-gradient(135deg, var(--oc-pink-0), var(--oc-pink-2));
  --panel-primary-border-color: var(--oc-pink-5);
  --panel-primary-title-bg: linear-gradient(135deg, var(--oc-pink-5), var(--oc-pink-4));
  --panel-primary-title-color: var(--oc-white);
  --panel-primary-body-bg: var(--oc-pink-0);
  --panel-primary-body-color: var(--oc-pink-8);

  /* Info Panel */
  --panel-info-bg: linear-gradient(135deg, var(--oc-grape-0), var(--oc-grape-1));
  --panel-info-border-color: var(--oc-grape-4);
  --panel-info-title-bg: linear-gradient(135deg, var(--oc-grape-4), var(--oc-grape-3));
  --panel-info-title-color: var(--oc-white);
  --panel-info-body-bg: var(--oc-grape-0);
  --panel-info-body-color: var(--oc-grape-8);

  /* Warning Panel */
  --panel-warning-bg: linear-gradient(135deg, var(--oc-orange-0), var(--oc-orange-1));
  --panel-warning-border-color: var(--oc-orange-4);
  --panel-warning-title-bg: linear-gradient(135deg, var(--oc-orange-5), var(--oc-orange-4));
  --panel-warning-title-color: var(--oc-white);
  --panel-warning-body-bg: var(--oc-orange-0);
  --panel-warning-body-color: var(--oc-orange-8);

  /* Danger Panel */
  --panel-danger-bg: linear-gradient(135deg, var(--oc-red-0), var(--oc-red-2));
  --panel-danger-border-color: var(--oc-red-5);
  --panel-danger-box-shadow: 0 2px 8px rgba(245, 101, 101, 0.2);
  --panel-danger-title-bg: linear-gradient(135deg, var(--oc-red-6), var(--oc-red-5));
  --panel-danger-title-color: var(--oc-white);
  --panel-danger-body-bg: var(--oc-red-0);
  --panel-danger-body-color: var(--oc-red-8);

  /* Success Panel */
  --panel-success-bg: linear-gradient(135deg, var(--oc-teal-0), var(--oc-teal-1));
  --panel-success-border-color: var(--oc-teal-4);
  --panel-success-title-bg: linear-gradient(135deg, var(--oc-teal-5), var(--oc-teal-4));
  --panel-success-title-color: var(--oc-white);
  --panel-success-body-bg: var(--oc-teal-0);
  --panel-success-body-color: var(--oc-teal-8);
  --md-toc-bg: var(--oc-white);
  --md-toc-border-color: var(--base-border-color);
  --md-toc-indicator-color: var(--oc-pink-1);
  --md-toc-link-hover-bg: var(--oc-pink-0);
  --md-toc-link-active-bg: var(--oc-pink-1);

  /* ========== 手风琴组件变量覆盖 ========== */
    --accordion-bg: var(--oc-pink-0);
    --accordion-border: var(--oc-pink-2);
    --accordion-summary-bg: linear-gradient(135deg, var(--oc-pink-6), var(--oc-pink-7));
    --accordion-summary-hover-bg: linear-gradient(135deg, var(--oc-pink-5), var(--oc-pink-6));
    --accordion-accent-color: linear-gradient(to bottom, var(--oc-pink-4), var(--oc-pink-6));
    --accordion-body-bg: var(--oc-pink-0);
    --accordion-body-border: var(--oc-pink-1);
    --accordion-body-color: var(--oc-pink-9);
    --accordion-multiple-border: var(--oc-pink-2);
    --accordion-multiple-item-border: var(--oc-pink-1);
}

/** 预览区域样式 */
.cherry-markdown.theme__red {
  h1,
  h2,
  h3,
  h4,
  h5 {
    text-align: center;
    border-bottom: 1px dashed var(--md-hr-border);
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
}
